<template>
  <div>
      <ul>
          <li>
              <span class="iconfont icon-meishi"></span>
              <p>美食</p>
          </li>
          <li>
              <span class="iconfont icon-zhima-chuhang"></span>
              <p>出行</p>
          </li>
          <li>
              <span class="iconfont icon-shangcheng"></span>
              <p>商城</p>
          </li>
          <li>
              <span class="iconfont icon-jifen"></span>
              <p>积分</p>
          </li>
      </ul>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
    ul{
        width: 2.87rem;
        height: 0.69rem;
        margin:-0.25rem auto;
        display: flex;
        justify-content: space-around;
        background-color: white;
        border-radius: 0.1rem;
        /* position: absolute;
        top: 27%;
        left: 4%; */
    }
    li{
        height: 0.69rem;
    }
    span{
        display: block;
        margin: 0.1rem 0 0.1rem;
        font-size: 0.24rem;
    }
    p{
        font-size: 0.14rem;
    }
</style>